<?php include_once('header.php'); ?>


<div id="slider" class="row full-width">
	<div id="alt-text-top" class="hide-for-small">
	<div class="about_box">
		<div id="content">Về chúng tôi</div>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non sapien eget ante suscipit euismod. Mauris arcu felis, fringilla eu hendrerit id, varius congue nisi. Cras vitae neque non erat dictum aliquet.</p>
	</div>
	</div>
	<img src="images/about-banner.png" width="100%"/>
	<script>
		Cufon.replace('#alt-text-top #content', {fontSize: '30px', color: 'white'});
		Cufon.replace('.color_box h2', {textShadow: '0px 2px 3px rgba(150, 150, 150, 0.5);'});
		
	</script>
</div>

<div class="color_box green first_ele">
	<div class="row">
		<h2 class="cufont">Giới thiệu về dịch vụ 2F</h2>
		<p>Morbi ut velit tincidunt nunc cursus facilisis. Aenean at ipsum eget mauris molestie luctus eget eget diam. Nunc sit amet ornare lacus. Nullam eget neque et nisl interdum malesuada. Phasellus at ante ut mi iaculis luctus. Suspendisse quis dolor quis nisl fermentum ultrices. Donec eros nulla, hendrerit at lobortis ac, congue at lacus. Sed in dui vitae felis placerat faucibus in ac leo. Vestibulum porttitor euismod augue, nec mattis nisl eleifend ac. Phasellus pretium consectetur ligula non luctus. Morbi hendrerit facilisis dictum. Sed nisl est, congue mollis ornare pellentesque, condimentum eu mauris. Etiam congue ante eget sapien interdum id aliquet sem blandit. Maecenas ut enim leo, nec hendrerit urna. Phasellus at dolor rhoncus turpis hendrerit varius in nec orci.</p>
	</div>
</div>
<div class="color_box shadow">
	<div class="row" id="how_to_use">
		<h2 class="cufont">Cách sử dụng thẻ 2F</h2>
		<div class="large-4 small-4 columns step">
			<div><img src="images/useicon1.png"/></div>
		</div>
		<div class="large-4 small-4 columns step">
			<div><img src="images/useicon2.png"/></div>
		</div>
		<div class="large-4 small-4 columns step">
			<div><img src="images/useicon3.png"/></div>
		</div>
		
	</div>
</div>
<div class="color_box blue">
	<div class="row">
		<h2 class="cufont">Lợi ích thẻ 2F mang lại</h2>
		<ul id="loi_ich" class="small-block-grid-1 large-block-grid-2">
			<li>
				<img src="images/loiich1.png"/>
				<h3>Tiết kiệm</h3>
				<p>Morbi ut velit tincidunt nunc cursus facilisis. Aenean at ipsum eget mauris molestie luctus eget eget diam. Nunc sit amet ornare lacus. Nullam eget neque et nisl interdum malesuada. Phasellus at ante ut mi iaculis luctus.</p>
			</li>
			<li>
				<img src="images/loiich2.png"/>
				<h3>Miễn phí</h3>
				<p>Morbi ut velit tincidunt nunc cursus facilisis. Aenean at ipsum eget mauris molestie luctus eget eget diam. Nunc sit amet ornare lacus. Nullam eget neque et nisl interdum malesuada. Phasellus at ante ut mi iaculis luctus.</p>
			</li>
			<li>
				<img src="images/loiich3.png"/>
				<h3>Chất lượng</h3>
				<p>Morbi ut velit tincidunt nunc cursus facilisis. Aenean at ipsum eget mauris molestie luctus eget eget diam. Nunc sit amet ornare lacus. Nullam eget neque et nisl interdum malesuada. Phasellus at ante ut mi iaculis luctus.</p>
			</li>
			<li>
				<img src="images/loiich2.png"/>
				<h3>Cộng đồng</h3>
				<p>Morbi ut velit tincidunt nunc cursus facilisis. Aenean at ipsum eget mauris molestie luctus eget eget diam. Nunc sit amet ornare lacus. Nullam eget neque et nisl interdum malesuada. Phasellus at ante ut mi iaculis luctus.</p>
			</li>
			
		</ul>
	</div>
</div>
<div class="color_box shadow">
	<div class="row">
		<h2 style="color: #f283ae !important" class="cufont">Đăng kí nhận thẻ miễn phí</h2>
		<div class="large-7 columns nopadding">
			<input class="fancy_input icon name" type="text" placeholder="Họ và tên" />
			<input class="fancy_input icon address" type="text" placeholder="Địa chỉ" />
			<input class="fancy_input icon phone" type="text" placeholder="Điện thoại" />
			<input class="fancy_input icon email" type="text" placeholder="Email" />
			<p style="text-align: right"><img src="images/register-button_2.png" class="my_button"/></p>
		</div>
		<div class="large-5 columns">
			<img src="images/2f_card.png"/>
		</div>
	</div>
</div>

<div id="imonials">
	<div class="row">
		<ul class="small-block-grid-5 large-block-grid-10">
			<li><img src="images/p1.png"/></li>
			<li><img src="images/p2.png"/></li>
			<li><img src="images/p3.png"/></li>
			<li><img src="images/p4.png"/></li>
			<li><img src="images/p5.png"/></li>
			<li><img src="images/p6.png"/></li>
			<li><img src="images/p7.png"/></li>
			<li><img src="images/p8.png"/></li>
			<li><img src="images/p9.png"/></li>
			<li><img src="images/p10.png"/></li>
		</ul>
	</div>
</div>
<?php include_once('footer.php'); ?>
